<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
    <title>Herramientas de Trabajo</title>
</head>
<body>
<div id="tutorial">
    <div class="title">Herramientas de Trabajo</div>
    <p>En Trisfera utilizamos ciertas herramientas que nos permiten trabajar en grupo y colaborar en un mismo proyecto sin tener que estar reunidos físicamente. Para utilizar estas herramientas sólo debes seguir estos pasos:</p>
    <ol class="procedure">
        <li>
            <p>Instalar Subversion <br/>Dependiendo del Sistema Operativo que utilices, puedes instalar Subversion de la siguiente manera:</p>
            <ul>
                <li>Windows <br />Existe una versión de Subversion para Windows llamada TortoiseSVN, que contiene una interfaz gráfica muy amigable. Puedes descargar el instalador en la página <a href="http://tortoisesvn.net/downloads.html">http://tortoisesvn.net/downloads.html</a></li>
                <li>Ubuntu <br />Subversion está disponible desde apt-get. Sólo hay que introducir el siguiente comando en la terminal: <div class="terminal"><span class="input">apt-get install subversion</span></div></li>
                <li>Mac OS  <br />Subversion viene instalado por default en Mac OS, y se puede acceder a él desde la línea de comando.</li>
            </ul>
            <p>Para conocer más acerca de Subversion, puedes visitar <a href="http://subversion.apache.org/">http://subversion.apache.org/</a>.</p>
        </li>
        <li>
            <p>Hacer checkout <br/> En Subversion, “hacer checkout” significa descargar los archivos del repositorio para que queden disponibles en nuestra máquina. Dependiendo del Sistema Operativo que utilices, puedes hacer checkout de la siguiente manera:</p>
            <ul>
                <li>
                    <div>Windows <br />Crear una nueva carpeta llamada <span class="foldername">trisfera</span>. Entrar a la carpeta y dar click derecho->SVN Checkout.</div>
                    <p class="textCenter"><img src="/images/tortoiseCheckout.png" alt="" width="212px" height="253px"/></p>
                    <div>En el campo “URL of Repository” introducir:</div>
                    <div class="textCenter">https://trisfera.googlecode.com/svn/trunk/</div>
                    <div>y dar click en OK.</div>
                </li>
                <li>Linux ó Mac OS <br />Introducir el siguiente comando en la terminal: <div class="terminal"><pre><span class="input">svn checkout https://trisfera.googlecode.com/svn/trunk/ ~/trisfera</span></pre></div></li>
            </ul>
        </li>
        <li>
            Instalar Virtualbox <br />Puedes encontrar el instalador en la página <a href="http://www.virtualbox.org/wiki/Downloads">http://www.virtualbox.org/wiki/Downloads</a>.
        </li>
        <li>
            Conseguir la máquina virtual con Ubuntu Server <br/>En Trisfera hemos preparado una máquina virtual que contiene todo lo necesario para empezar a desarrollar. El archivo pesa alrededor de 400 MB, por lo cual recomendamos que asistas a una de nuestras reuniones y nos pidas que te pasemos el archivo. Sin embargo, también se puede descargar desde la siguiente dirección:
            <div class="textCenter"><a href="https://www.trisfera.com/virtualbox/UbuntuServer_v3.ova"> https://www.trisfera.com/virtualbox/UbuntuServer_v3.ova</a></div>
        </li>
        <li>
            <p>Importar la máquina virtual</p>
            <ol>
                <li>
                    Entrar a VirtualBox y en el menú superior seleccionar la opción File->Import Appliance.
                    <p class="textCenter"><img src="/images/vBoxImport.png" alt="" width="263px" height="173px"/></p>
                </li>
                <li>
                    Seleccionar el archivo UbuntuServer.ova y dejar los valores por default.
                    <p class="textCenter"><img src="/images/vBoxImportSettings.png" alt="" width="512px" height="373px"/></p>
                </li>
                <li>Cuando el import termine, seleccionar la máquina virtual y dar clic en <img src="/images/vBoxSettingsBtn.png" alt="Settings" width="45px" height="52px"/>.</li>
                <li>
                    Entrar al tab de <img src="/images/vBoxSharedFoldersBtn.png" alt="Shared Folders" width="107px" height="18px"/> y dar clic arriba a la derecha en <img src="/images/vBoxAddFolderBtn.png" alt="Add Folder" />.
                </li>
                <li>
                    <p>En “Folder Path” seleccionar “Other..”, luego buscar la carpeta donde se hizo el checkout de Subversion y seleccionar la subcarpeta <span class="foldername">www</span>.</p>
                    <div class="textCenter"><img src="/images/VBoxAddShareWWW.jpg" alt="" width="255px" height="169px" /></div>
                    <p>Dejar los valores por default y dar clic en OK.</p>
                </li>
                <li>
                    <p>Hacer lo mismo con la subcarpeta <span class="foldername">home</span>.</p>
                    <div class="textCenter"><img src="/images/VBoxAddShareHome.jpg" alt="" width="255px" height="169px" /></div>
                </li>
            </ol>
        </li>
        <li>
            <p>Utilizar la máquina virtual para desarrollar</p>
            <ol>
                <li>
                    <p>Seleccionar la máquina virtual y dar clic en <img src="/images/vBoxStartBtn.png" alt="Start" width="32px" height="52px" />. Cuando la máquina termine de cargar, veremos algo como esto:</p>
                    <div class="terminal">
                        <span class="output">Ubuntu 10.10 ubuntu tty
                        <br/><br/>ubuntu login: _</span>
                    </div> 
                </li>
                <li>
                    <p>Podemos minimizar la máquina virtual y visitar con nuestro browser la dirección <a href="http://localhost:8000/">http://localhost:8000/</a>. Debemos ver la página de Trisfera funcionando.</p>
                    <div class="textCenter"><img src="/images/trisferaHomePage.png" alt="" width="432px" height="211px"/></div>
                </li>
                <li>
                    <p>Ahora podemos hacer cambios en la carpeta donde se hizo el checkout de Subversion, y los cambios se mostrarán cuando le demos refresh a nuestro browser.</p>
                </li>
        </li>
        <li>
            <p>Apagar la máquina virtual</p>
            <p>Para apagar la máquina virtual debemos introducir lo siguiente en la terminal:</p>
            <div class="terminal">
                <span class="output">ubuntu login: </span>
                <span class="input">trisfera</span>
                <br/>
                <span class="output">password: </span>
                <span class="input">localTSpd</span>
                <br/>
                <span class="output">
                    Last Login: Sun Feb 27 12:43:42 EST 2011 on tty1
                    <br/>Linux ubuntu 2.6.35-22-generic #33-Ubuntu SMP Sun Sep 19 20:34:50 UTC 2010 i686 GNU/Linux
                    <br/>Ubuntu 10.10
                    <br/><br/>Welcome to Ubuntu!
                    <br/> * Documentation: https://help.ubuntu.com/
                    <br/>No mail.
                    <br/>trisfera@ubuntu:~$
                </span>
                <span class="input">sudo halt</span>
                <br/><span class="output">[sudo] password for trisfera: </span>
                <span class="input">localTSpd</span>
            </div>
            <p class="textCenter">(por motivos de seguridad Linux no muestra los *** cuando escribimos la contraseña)</p>
    </ol>
</div>
</body>
</html> 
